<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Proto 1, MetroUI</title>
		<link type="text/css" rel="stylesheet" href="metroui/main.css">
		<link type="text/css" rel="stylesheet" href="main.css">
		<script src="metroui/metro.js" type="text/javascript"></script>
		<script type="text/javascript">
			function testload()
			{
				addDiv('console');
				addTile({'title' : 'Home', 'id' : 'console', 'css' : 
				{
					'background-image' : 'url(http://www.shelfordfreechurch.org.uk/images/home_icon.gif)'
				}
				});
				addTile({'title' : 'About Us', 'id' : 'console'});
				addTile({'title' : 'All Shoes', 'id' : 'console'});
				addTile({'title' : 'Cart', 'id' : 'console'});
				outTiles('console');
			}
		</script>
	</head>
	<body onload="testload();">
		<div id="console"></div>
	</body>
</html>